<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Battle of the mages</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="scripts/script.js"></script>
<?php 
	session_start();
?>
</head>
<body onload="onLoadLogin();">
	<header class="header">
	<img alt="Battle of the Mages Logo" src="images/botm_logo.png" id="logo" width="572px" height="334px"/>
	</header>
	<section id="main_section" style="background-image: url('images/botm_bg_reg.png'); background-position: top center;">
	<img src="images/botm_border.png" alt="border" id="border" width="1437px" height="1573px"/>
		<form method="post" id="register_form">
			<input type="text" placeholder="Choose Your Username" id="username" class="text shadow" name="username"/>
			<input type="text" placeholder="Enter Your E-mail" id="mail" class="text shadow" name="mail"/>
			<input type="password" placeholder="Enter Your Password" id="password" class="text shadow" name="password"/>
			<input type="password" placeholder="Repeat Your Password" id="repeat_pass" class="text shadow" name="repeatPass"/>
			<input type="image" src="images/botm_register.png" id="register" width="120" height="60"/>
		</form>
		<div id="paragraphs">
			<p>Username must be between 3 and 15 characters. It may contain uppercase and lowercase letters as well as numbers, dashes or underscores.</p>
			<p>Your e-mail may be used for user validation and password reset. No spam will be sent to your e-mail whatsoever.</p>
			<p>Password must be bewtween 3 and 15 characters. It may contain uppercase and lowercase letters as well as numbers.</p>
			<p>Please repeat your password.</p>
		</div>
	</section>
    <footer>
        <ul id="footer_nav">
            <li><img src="images/botm_home.png"/></li>
            <li><img src="images/botm_howtoplay.png"/></li>
            <li><img src="images/botm_aboutus.png"/></li>
        </ul>
    </footer>
</body>
</html>